.sample-bg {
  margin: 0;
  background: radial-gradient(140vw 60vh at -10vw -10vh, color-mix(in hsl, #7c5cff 18%, transparent), transparent 64%),
    radial-gradient(
      140vw 60vh at calc(100vw + 10vw) -10vh,
      color-mix(in hsl, #22d3ee 16%, transparent),
      transparent 66%
    ),
    radial-gradient(110vw 70vh at 50% 120vh, color-mix(in hsl, #7c5cff 7%, transparent), transparent 70%),
    linear-gradient(180deg, #0a0d14 0%, #0b1018 40%, #0c111b 70%, #0c121d 100%);
  background-attachment: fixed, fixed, fixed, fixed;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-color: #0a0d14;
}

.dashlogo {
  flex: 0 0 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e0e8f5;
  user-select: none;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.3px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  background: radial-gradient(120% 120% at 20% 15%, color-mix(in srgb, #7c5cff 26%, transparent), transparent 45%),
    radial-gradient(120% 120% at 80% 15%, color-mix(in srgb, #22d3ee 22%, transparent), transparent 50%),
    linear-gradient(180deg, #121a2b 0%, #0f1626 100%);
  position: relative;
  overflow: hidden;
}

.rec-card {
  background: radial-gradient(
      1200px 500px at -10% -50%,
      color-mix(in srgb, var(--accentA) 10%, transparent),
      transparent
    ),
    radial-gradient(1100px 400px at 110% -30%, color-mix(in srgb, var(--accentB) 10%, transparent), transparent),
    var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow);
}

.strengths-weaknesses-card {
  background: radial-gradient(
      1200px 500px at -10% -50%,
      color-mix(in srgb, var(--accentA) 10%, transparent),
      transparent
    ),
    radial-gradient(1100px 400px at 110% -30%, color-mix(in srgb, var(--accentB) 10%, transparent), transparent),
    var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow);
}

.overview-card {
  background: radial-gradient(
      1200px 500px at -10% -50%,
      color-mix(in srgb, var(--accentA) 10%, transparent),
      transparent
    ),
    radial-gradient(1100px 400px at 110% -30%, color-mix(in srgb, var(--accentB) 10%, transparent), transparent),
    var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow);
}
